<script setup lang="ts">
import { ElButton, ElMessage, ElMessageBox } from 'element-plus'
import Banner from './components/banner.vue'
import HotNews from './components/hotNews.vue'

const clickHandler = () => {
  ElMessageBox.alert('This is a message', 'Title', {
    // if you want to disable its autofocus
    // autofocus: false,
    confirmButtonText: 'OK',
    callback: (action: Action) => {
      ElMessage({
        type: 'info',
        message: `action: ${action}`,
      })
    },
  })
}
</script>

<template>
  <div>
    <!-- <div class="my10">
      <Banner type="banner" />
    </div>
    <div class="my10">
      <HotNews />
    </div>
    <div class="w" /> -->
  </div>
</template>

<style lang="scss" scoped></style>
